//
//  StatusCell.swift
//  Weibo10
//
//  Created by mac on 16/8/15.
//  Copyright © 2016年 itheima. All rights reserved.
//

import UIKit


// cell间距
let StatusCellMargin: CGFloat = 12

// 微博头像宽度
let StatusCellIconWidth: CGFloat = 35

class StatusCell: UITableViewCell {

    /**
    *  cell属性
    */
    // MARK: - 懒加载
    
    // 顶部视图
    private lazy var topView: StatusCellTopView = StatusCellTopView()
    
    // 正文
    private lazy var contentLabel: UILabel = UILabel(title: "微博正文", fontSize: 13, color: UIColor.darkGrayColor(), screenInset: StatusCellMargin)
    
    /// 配图视图
    private lazy var pictureView: StatusPictureView = StatusPictureView()
    
    // 底部视图
    private lazy var bottomView: StatusCellBottomView = StatusCellBottomView()
    
    // 微博视图
    var viewModle: StatusViewModel? {
        didSet {
            topView.viewModle = viewModle
            
            contentLabel.text = viewModle?.status.text
            
            // 设置配图视图 － 设置视图模型之后，配图视图有能力计算大小
            pictureView.viewModle = viewModle
            
            pictureView.snp_updateConstraints { (make) -> Void in
                make.height.equalTo(pictureView.bounds.height)
                // 直接设置宽度数值
                make.width.equalTo(pictureView.bounds.width)
            }

        }
    }
    
    /// 根据指定的视图模型计算行高
    ///
    /// - parameter vm: 视图模型
    ///
    /// - returns: 返回视图模型对应的行高
    func rowHeight(vm: StatusViewModel) -> CGFloat {
        // 1. 记录视图模型 -> 会调用上面的 didSet 设置内容以及更新`约束`
        viewModle = vm
        
        // 2. 强制更新所有约束 -> 所有控件的frame都会被计算正确
        contentView.layoutIfNeeded()
        
        // 3. 返回底部视图的最大高度
        return CGRectGetMaxY(bottomView.frame)
    }

    
    // MARK: - 构造函数
    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        setupUI()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}


// MARK: - 设置界面
extension StatusCell {
    
    private func setupUI() {
        // 1. 添加控件
        contentView.addSubview(topView)
        contentView.addSubview(contentLabel)
        contentView.addSubview(pictureView)
        contentView.addSubview(bottomView)
        
        // 2. 自动布局
        // 1> 顶部视图
        topView.snp_makeConstraints { (make) -> Void in
            make.top.equalTo(contentView.snp_top)
            make.left.equalTo(contentView.snp_left)
            make.right.equalTo(contentView.snp_right)
            make.height.equalTo(2 * StatusCellMargin + StatusCellIconWidth)
        }
        // 2> 内容标签
        contentLabel.snp_makeConstraints { (make) -> Void in
            make.top.equalTo(topView.snp_bottom).offset(StatusCellMargin)
            make.left.equalTo(contentView.snp_left).offset(StatusCellMargin)
             make.right.equalTo(contentView.snp_right).offset(-StatusCellMargin)
            
        }
        
        // 3> 配图视图
        pictureView.snp_makeConstraints { (make) -> Void in
            make.top.equalTo(contentLabel.snp_bottom).offset(StatusCellMargin)
            make.left.equalTo(contentLabel.snp_left)
            make.width.equalTo(300)
            make.height.equalTo(90)
        }

        
        bottomView.snp_makeConstraints { (make) -> Void in
           make.top.equalTo(pictureView.snp_bottom).offset(StatusCellMargin)
            make.left.equalTo(contentView.snp_left)
            make.right.equalTo(contentView.snp_right)
            make.height.equalTo(44)
            
            
            //make.bottom.equalTo(contentView.snp_bottom).offset(StatusCellMargin)
        }
        
    }
}
